<%-- 
    Document   : registrazioneUtenteSito
    Created on : 25-ago-2011, 8.55.32
    Author     : ale
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>

<%-- 
    captcha
    per info: http://code.google.com/intl/it-IT/apis/recaptcha/docs/java.html
--%>
<%@ page import="net.tanesha.recaptcha.ReCaptcha" %>
<%@ page import="net.tanesha.recaptcha.ReCaptchaFactory" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	
    <head> 
	<title>Shipping Share :: Registrati</title>
	<link rel="stylesheet" href="css/common.css" type="text/css"/>
        <link rel="stylesheet" href="css/header.css" type="text/css"/>
        <link rel="stylesheet" href="css/form.css" type="text/css"/>
	<link rel="stylesheet" href="css/annuncio.css" type="text/css"/>
	<link rel="stylesheet" href="css/footer.css" type="text/css"/>
        <link rel="stylesheet" href="css/popup.css" type="text/css"/>
        <script src="js/popup.js"></script>
    </head>
	
    <body>
        
        <div id="popupContainer"></div>
        
        <div id="wholeContainer">
	<div id="whole">
            
            <!-- includo l'header -->
            <jsp:include page="WEB-INF/jspf/header.jspf" />
            
            <div id="bodyContainer">
                <!-- form di registrazioneUtente -->

                    <h1>Registrati a Shipping Share</h1>
                    <div id="myForm">
                        <h2>I tuoi dati</h2>
                        <form action="Controller" method="POST">
                            <input name="action" type="hidden" value="registraUtenteSito"/>
                            <table>
                                <col width=20%></col>
                                 <col width=25%></col>
                                 <col width=55%></col>
 
                                <tr id="mailRow" class="unselected"><!-- mail -->
                                    <td><label>Indirizzo e-mail:</label></td>
                                    <td><input name="mail" type="text" size="30" onclick="showHint('mailRow')"/></td>
                                    <td class="hint">
                                        Inserisci qui un tuo indirizzo e-mail valido. Ad esempio: nome@esempio.it
                                    </td>
                                </tr>
                                <tr id="pwRow" class="unselected"><!-- password -->
                                    <td><label>Password:</label></td>
                                    <td><input name="password" type="password" size="30" onclick="showHint('pwRow')"/></td>
                                    <td class="hint">
                                        Inserisci qui la password che userai poi per accedere al sito. La password deve essere di almeno 8 caratteri, e può contenere lettere minuscole, maiuscole, numeri e simboli.
                                    </td>
                                </tr>
                                <tr id="pw2Row" class="unselected"><!-- password -->
                                    <td><label>Ripeti la password:</label></td>
                                    <td><input name="password2" type="password" size="30" onclick="showHint('pw2Row')"/></td>
                                    <td class="hint">
                                        Ripeti la password che hai scritto nel campo precedente.
                                    </td>
                                </tr>
                                <tr id="indirizzo" class="unselected"><!-- indirizzo -->
                                    <td><label>Indirizzo:</label></td>
                                    <td><input name="indirizzo" type="text" size="50" onclick="showHint('indirizzo')"/></td>
                                    <td class="hint">
                                        Inserisci qui il tuo indirizzo, comprensivo di citt&agrave, via, numero civico.
                                    </td>
                                </tr>
                                 <tr id="telefono" class="unselected"><!-- telefono -->
                                    <td><label>Numero di telefono:</label></td>
                                    <td><input name="telefono" type="text" size="14" onclick="showHint('telefono')"/></td>
                                    <td class="hint">
                                        Inserisci qui il tuo numero di telefono.
                                    </td>
                                </tr>
                                <tr>
                                    <td colspan="3">
                                        Ricopia le parole che vedi qui sotto
                                        <!-- CAPTCHA -->
                                            <%
                                                ReCaptcha c = ReCaptchaFactory.newReCaptcha("6LefcscSAAAAAB3U-OspGUnvwBE2IGSSDqWNAT82", "6LefcscSAAAAACNpi1dCi4RQn14Vwh3syoAWTLAS", false);
                                                out.print("<script type=text/javascript>");
                                                out.print("var RecaptchaOptions = {theme:'clean'};");
                                                out.print("</script>");
                                                out.print(c.createRecaptchaHtml(null, null));
                                            %>
                                        <!-- fine captcha -->
                                    </td>
                                </tr>
                                
                            </table>
                                
                            
                            
                            <input type="submit" value="Registrati" class="myButton"/>
                        </form>
                    </div>

                
            </div> 
			
            <!-- includo il footer -->
            <jsp:include page="WEB-INF/jspf/footer.jspf" />
			
        </div> <!-- whole -->
        </div>
        
    </body>
	
</html>
